.community{
    width: 100%;
    min-height: 100%;
    background-color: $probgcolor;
    padding-top: rpx(2);
    padding-bottom: rpx(15);
    .searchArea{
        padding: rpx(21) rpx(48);
        background-color: white;
        .search_container{
            width: rpx(589);
            height: rpx(24);
            padding: rpx(16) rpx(32);
            background:rgba(255,255,255,0.93);
            border:1px solid rgba(153,153,153,1);
            border-radius:28px;
            display: flex;
            flex-direction: row;
            align-items: center;
            .shibeiicon{
                width: rpx(24);
                height: rpx(24);
            }
            .searchinput{
                flex: 1;
                height: 100%;
                font-size:rpx(24);
                font-family:PingFang-SC-Regular;
                font-weight:400;
                color:rgba(204,204,204,1);
                padding: 0 rpx(24);
            }
            .searchIcon{
                width: rpx(24);
                height: rpx(24);
            }
        }
    }
    .community_top{
        background-color: white;
        padding-left: rpx(24);
        padding-right: rpx(24);
        padding-bottom: rpx(24);
        .topbanner{
            width: rpx(702);
            height: rpx(300);
        }
        .topserver{
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-around;
            .serverList{
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-top: rpx(23);
                .listIcon{
                    width: rpx(89);
                    height: rpx(89);
                    display: inline-block;
                    margin-bottom: rpx(16);
                }
                .listLabel{
                    font-size:rpx(28);
                    font-family:PingFang-SC-Medium;
                    font-weight:500;
                    color:rgba(102,102,102,1);
                }
            }
        }
    }
    .community_newArea{
        padding-top: rpx(24);
        padding-right: rpx(24);
        padding-left: rpx(24);
        .newsList{
            width: rpx(654);
            //height: rpx(155);
            padding: rpx(24);
            background-color: white;
            border-radius:8px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            margin-bottom: rpx(24);
            .listInfo{
                flex: 1;
                height: rpx(155);
                margin-right: rpx(24);
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                .infoLabel{
                    font-size:rpx(28);
                    font-family:PingFang-SC-Regular;
                    font-weight:400;
                    color:rgba(51,51,51,1);
                }

            }
            .listDes{
                margin-top: rpx(24);
                span{
                    font-size:rpx(24);
                    font-family:PingFang-SC-Regular;
                    font-weight:400;
                    color:rgba(153,153,153,1);
                }
                .listName{
                    display: inline-block;
                    margin-right: rpx(48);
                }
            }
            .yangshengICON{
                width: rpx(156);
                height: rpx(156);
            }
            //社区热闻
            .hotnewsLabel{
                font-size:rpx(28);
                font-family:PingFang-SC-Regular;
                font-weight:400;
                color:rgba(51,51,51,1);
            }
            //社区热闻图片
            .hotnewsImgList{
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-around;
                margin-top: rpx(23);
                .hotnewsimg{
                    width: rpx(208);
                    height: rpx(156);
                }
            }
            &:last-child{
                margin-bottom: 0;
            }
        }
        .newsListArea{
            width: rpx(654);
            //height: rpx(155);
            padding: rpx(24);
            display: flex;
            flex-direction: column;
            background-color: white;
            border-radius:8px;
            .newsName{
                font-size:rpx(28);
                font-family:PingFang-SC-Regular;
                font-weight:400;
                color:rgba(51,51,51,1);
            }
            .newsInfo{
                width: 100%;
                display: flex;
                flex-direction: row;
                margin-top: rpx(24);
                align-items: center;
                .newsinfodes{
                    flex: 1;
                    font-size:rpx(24);
                    font-family:PingFang-SC-Regular;
                    font-weight:400;
                    color:rgba(102,102,102,1);
                    display: inline-block;
                    margin-right: rpx(20);
                }
                .infologo{
                    width: rpx(156);
                    height: rpx(128);
                }
            }
            .newsDesArea{
                width: 100%;
                span{
                    font-size:rpx(24);
                    font-family:PingFang-SC-Regular;
                    font-weight:400;
                    color:rgba(153,153,153,1);
                    &:first-child{
                        display: inline-block;
                        margin-right: rpx(23);
                    }
                }
            }
        }
    }
}
